<!DOCTYPE html>
<html lang="en">
<head>
    <title>{$data.title}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="{$data.description}" />
    <meta name="keywords" content="{$data.keyword}" />
    <meta name="robots" content="all"/>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <!-- css -->
    <!-- css -->
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
    <link href="__MOBILE__css/iconfont.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/am.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/flexslider.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/style.css" rel="stylesheet"/>
    <link rel="stylesheet" href="__MOBILE__css/style.css">
    {$seo.head}
    <style>
        .crumbs{margin-top: 70px;}
        .youtube_video{margin-top: 0;}
    </style>
</head>
<body>
{$seo.body}
<div class="crumbs">
        <i class="iconfont icon-zhuye"></i>
        <a href="/">主页</a>&gt;
        <a href="/video.html">视频</a>&gt;
        <a class="crumbs_list">{$data.title}</a>
        <a class="fr"><i class="iconfont icon-fanhui1 __fanhui"></i></a>
    </div>
<div class="m_wrap">
    {include file="public/header" /}
</div>
<div class="_videos">
    <div class="youtube_video">
        <iframe id="player" type="text/html" width="100%" height="210" src="{$data.video_url}" frameborder="0"></iframe>
    </div>
    <div class="_videos_text">
        <div class="text">
            <h3 class="_title">{$data.name}</h3>
            <div class="_date"><i class="iconfont icon-shijianzhongbiao"></i><span class="date">{$data.create_time}</span><span class="publisher">by<a>{$data.author}</a></span></div>
        </div>
        <div class="_content">
            <!-- 调用富文本编辑器编辑 -->
            {$data.content}
        </div>
        <div class="_content_bottom clear">
            {if $b eq null}
            <div class="fl previous_next">
                <a class="">
                    <span>无数据</span>
                </a>
            </div>
            {else \}
            <div class="fl previous_next">
                <a href="/video/{$b.id}.html" class="">
                    <p>上一个</p>
                    <span>{$b.name}</span>
                </a>
            </div>
            {/if}
            {if $c eq null}
            <div class="fl previous_next">
                <a class="">
                    <p>无数据</p>
                </a>
            </div>
            {else \}
            <div class="fl previous_next">
                <a href="/video/{$c.id}.html" class="">
                    <p>下一个</p>
                    <span>{$c.name}</span>
                </a>
            </div>
            {/if}
        </div>
    </div>
</div>
<div class="_related">
    <div class="videos_list _samples_list">
        <div class="moudle-top">
            <h3 class="_title">相关视频</h3>
        </div>
        <ul>
            {volist name="likelist" id="v" key="k"}
            <li>
                <a href="/video/{$v.id}.html">
                    <div class="pic">
                        <img src="{$v.img_url}" alt="{$v.alt}">
                    </div>
                    <div class="text">
                        <h3 class="_title">{$v.name}</h3>
                        <p class="_content">{$v.intro}</p>
                        <div class="date clear">
                            <p class="fl">{$v.create_time}</p>
                            <i class="iconfont icon-bofang1 fr"></i>
                        </div>
                    </div>
                </a>
            </li>
            {/volist}
        </ul>
    </div>
</div>


{include file="public/footer" /}

<script>
     $('.crumbs_list').wordLimit(20);
</script>
